<!DOCTYPE html>
<html class="no-js" lang="en">
<head>
<meta charset="utf-8">
<title>雅伦阁管理后台-订单处理-搭配</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="description" content="">
<meta name="author" content="">
<link rel="shortcut icon" href="css/images/favicon.png">
<!-- Le styles -->
<link href="js/plugins/chosen/chosen/chosen.css" rel="stylesheet">
<link href="css/twitter/bootstrap.css" rel="stylesheet">
<link href="css/base.css" rel="stylesheet">
<link href="css/extra.css" rel="stylesheet">
<link href="css/responsive.css" rel="stylesheet">
<link href="css/jquery-ui-1.8.23.custom.css" rel="stylesheet">
<script src="js/plugins/modernizr.custom.32549.js"></script>
<!-- Le HTML5 shim, for IE6-8 support of HTML5 elements -->
<!--[if lt IE 9]>
      <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
      <![endif]-->
</head>
<body>
<div id="loading">
  <img src="img/ajax-loader.gif">
</div>
<div id="responsive_part">
    <div class="logo">
      <a href="index.html"></a>
    </div>
    <ul class="nav responsive">
      <li>
      <btn class="btn btn-la1rge btn-i1nfo responsive_menu icon_item" data-toggle="collapse" data-target="#sidebar">
       <i class="icon-reorder"></i>
      </btn>
      </li>
    </ul>
</div> <!-- 加载效果 -->

<!-- 左侧栏开始 -->
<div id="sidebar" class="collapse">
  <div class="logo">
    <a href="index.html"></a>
  </div>
  <ul id="sidebar_menu" class="navbar nav nav-list sidebar_box">
    <li>
    <a class="dashboard"data-parent="#sidebar_menu" href="index.html">
      <img src="img/menu_icons/dashboard.png">首页</a>
    </li>

    <li class="accordion-group">
    <a class="accordion-toggle widgets collapsed" data-toggle="collapse" data-parent="#sidebar_menu" href="#collapse4">
    <img src="img/menu_icons/staff.png">顾问业绩</a>
    <ul id="collapse4" class="accordion-body collapse">
      <li><a href="staff_index.html">顾问管理</a></li>
      <li><a href="staff_cash.html">业绩提现</a></li>
    </ul>
    </li>
    <li class="accordion-group active">
    <a class="accordion-toggle widgets collapsed" data-toggle="collapse" data-parent="#sidebar_menu" href="#collapse5">
    <img src="img/menu_icons/order.png">订单业务</a>
    <ul id="collapse5" class="accordion-body collapse in">
      <li class="active"><a href="order_index.html">订单处理</a></li>
      <li><a href="order_box.html">套装管理</a></li>
    </ul>
    </li>
    <li>
    <a class="widgets"data-parent="#sidebar_menu"  href="customer_index.html">
    <img src="img/menu_icons/customer.png">VIP客户</a>    
    </li>   
    <li>
    <a class="widgets" data-parent="#sidebar_menu"  href="credit_index.html">
    <img src="img/menu_icons/credit.png">积分流水</a>    
    </li>    
    <li>
    <a class="widgets"data-parent="#sidebar_menu" href="date.html">
    <img src="img/menu_icons/clock.png">预约体验</a>
    </li>
    <li>
    <a class="widgets"data-parent="#sidebar_menu"  href="share_index.html">
    <img src="img/menu_icons/share.png">分享文章管理</a>    
    </li>   
    <li>
    <a class="widgets"data-parent="#sidebar_menu" href="http://mp.weixin.qq.com/" target="_blank">
    <img src="img/menu_icons/mp.png">公众平台</a>
    </li>
  </ul>
</div>
<!-- 左侧栏结束 -->


<div id="main">
  <!-- 主体开始 -->
  <div class="container">

    <!-- 顶部条开始 -->    
    <div class="container_top">
      <div class="row-fluid ">
        <div class="top_bar_stats to_hide_tablet">
          <div class="stats">
            <span class="title">欢迎进入:</span> 雅伦阁社交化客户资源管理平台 
          </div>
        </div>
        
       <div class="top_right">

        <ul class="nav nav_menu">
    
      <li class="dropdown">
      <a class="dropdown-toggle administrator" id="dLabel" role="button" data-toggle="dropdown" data-target="#" href="/page.html">
      <span class="icon"><img src="img/menu_top/profile-avatar.png"></span><span class="title">管理员</span></a>
      <ul class="dropdown-menu" role="menu" aria-labelledby="dLabel">
       <!--  <li><a href="#"><i class=" icon-user"></i> My Profile</a></li> -->
        <!-- <li><a href="#"><i class=" icon-cog"></i>Settings</a></li> -->
        <li><a href="#"><i class=" icon-unlock"></i>退出</a></li>
        <!-- <li><a href="#"><i class=" icon-flag"></i>Help</a></li> -->
      </ul>
      </li>
      <li class="dropdown">
      <a id="dLabel" role="button" data-toggle="dropdown" data-target="#" href="/page.html">
      <span class="icon"><img src="img/menu_top/profile-qrcode.png"></span><span class="title">微信提醒</span><!-- <span class="notifications">3</span> -->
      </a>
      <ul class="dropdown-menu messages" aria-labelledby="dLabel">
        <div class="container">
          <div class="heading">
            <span class="title"><i class="icon-qrcode"></i>绑定微信二维码</span>
          </div>
          <div>
           <img src="img/qrcode_staff.jpg" />
          </div>
          <div class="footer">
            <a class="see_all">配置提醒内容<i class="icon-chevron-right"></i></a>
          </div>
        </div>
      </ul>
      </li>
        </ul>
       </div> <!-- 顶部条-用户信息结束 -->

        <div class="span4">
        </div>
      </div>
    </div>
    <!-- 顶部条结束 -->

    <!-- 内容区域开始 -->
    <div id="container2" class="profile">
        <div class="row-fluid">
          <div class="span3">
            <div class="content">
              <div class="row-fluid well well-small">
                  <img class="row-fluid" src="img/sample_avatar_big.jpg">
              </div>
              <ul class="nav nav-tabs nav-stacked">
                <li><a href="#"><i class="fa fa-user"></i> 王智辉</a></li>
                <li><a href="#"><i class="fa fa-wechat"></i> 和夫</a></li>
                <li><a href="#"><i class="fa fa-long-arrow-up"></i> 身高：173cm</a></li>
                <li><a href="#"><i class="fa fa-tachometer"></i> 体重：60kg</a></li>
                <li><a href="#"><i class="fa fa-circle-o-notch"></i> 腰围：29</a></li>
                <li><a href="#"><i class="fa  fa-circle-o"></i> 领围：88</a></li>
                <li><a href="#"><i class="fa fa-arrows-v"></i> 鞋码：40</a></li>
                <li><a href="#"><i class="fa fa-briefcase"></i> 职业：IT主管</a></li>
                <li><a href="#"><i class="fa fa-birthday-cake"></i> 年龄：33</a></li>
                <li><a href="#"><i class="fa fa-heart"></i> 偏好：运动型时尚潮人</a></li>
                <li><a href="#"><i class="fa fa-bug"></i> 常见困扰：40</a></li>
              </ul>
            </div> <!-- End .content -->
          </div><!-- End .span3 -->

          <div class="span9">
            <div class="row-fluid legend profile">
              <div class="row-fluid ">
                <div class="span6 spacer">
                  <h3>订单处理</h3>
                </div>
                <div class="span6">
                  <div class=" pull-right">
                    <a class="btn" href="order_index.html"><i class="fa fa-remove"></i> 返回订单列表</a>
                    <!--<button class="btn btn-primary">发货</button> -->
                  </div>
                </div>
              </div>
            </div> <!-- End .legend -->

            <!-- 客户预订信息开始 -->
            <div class="content spacer-big">
              <h3><span><i class="fa fa-edit"></i> 客户预订信息</span></h3>
              <div class="form-row control-group row-fluid">
                <div class="controls span1">
                    <img src="img/sample_avatar_big.jpg" class="img-thumbnail">
                </div>
                <div class="controls span10">
                  <blockquote>
                    <p><span class="mg5"><i class="icon-home"></i> 场合: 生日宴 </span>
                    <span class="mg5"><i class="icon-calendar"></i> 急用情况: 明天</span>
                    </p>
                    <p><i class="fa fa-edit"></i> 裤子不用！</p>
                    <footer>2014-12-12 10:20</footer>
                  </blockquote>
                </div>
              </div>
            <!-- 客户预订信息结束 -->

            <!-- 搭配方案开始 -->
              <hr>
              <h3><span><i class="fa fa-align-justify"></i> 搭配方案</span></h3>
              <div>
                <!-- 历史沟通信息开始 -->
              <div class="form-row control-group row-fluid">
                <div class="controls span1">
                    <img src="img/logo_avatar.gif" class="img-thumbnail">
                </div>
                <div class="controls span10">
                  <blockquote>
                    <p><span class="mg5"><i class="fa fa-tag"></i> 白色全棉长袖衬衫 <i class="fa fa-cny"></i>2800</span>
                    <span class="mg5"><i class="fa fa-tag"></i> 藏青牛仔裤 <i class="fa fa-cny"></i>2800</span>
                    </p>
                    <p><i class="fa fa-edit"></i> 符合您的儒商气质！</p>
                    <footer>2014-12-12 12:20</footer>
                  </blockquote>
                </div>
              </div>
              <div class="form-row control-group row-fluid">
                <div class="controls span1">
                    <img src="img/sample_avatar_big.jpg" class="img-thumbnail">
                </div>
                <div class="controls span10">
                  <blockquote class="blockquote-reverse">
                    <p><i class="fa fa-edit"></i> 牛仔裤最好改成西裤</p>
                    <footer>2014-12-12 13:30</footer>
                  </blockquote>
                </div>
              </div>
              <hr class="border_das">
              <div class="form-row control-group row-fluid">
                <div class="controls span1">
                    <img src="img/logo_avatar.gif" class="img-thumbnail">
                </div>
                <div class="controls span10">
                  <blockquote>
                    <p class="color_orange"><span class="pull-right color_green fs_60"><i class="fa fa-angellist"></i></span><span class="mg5"><i class="fa fa-tag"></i> 蓝色色全棉长袖衬衫 <i class="fa fa-cny"></i>2800</span>
                    <span class="mg5"><i class="fa fa-tag"></i> 藏青牛仔裤 <i class="fa fa-cny"></i>2800</span>
                    </p>
                    <p><i class="fa fa-edit"></i> 符合您的大侠气质！</p>
                    <footer>2014-12-12 15:20</footer>
                  </blockquote>
                </div>
              </div>
            <!-- 历史沟通信息结束 -->

              </div>
              <!-- 搭配方案结束 -->


              <hr>
              <h3><i class="fa fa-truck"></i> <span>收款发货</span></h3>
            <!-- 付款发货信息开始 -->
              <div class="form-row control-group row-fluid">
                <div class="controls span4">
                  <address>
                    <strong>收货地址</strong><br>
                    浙江省 杭州市<br>
                    文一路115号杭州电子科大<br>
                    <abbr title="Phone"><i class="fa fa-phone"></i>:</abbr> (123) 456-7890
                  </address>
                </div>
                <div class="controls span4">
                  <p>
                    <strong>客户付款帐号</strong><br>
                    <i class="icon-alipay"></i> 王智辉 <br> yuqishange@126.com <br>
                  </p>
                </div>
                <div class="controls span4">
                  <p>
                    <strong>快递公司信息</strong><br>
                    <i class="fa fa-truck"></i> 顺丰速运 <br> 12345678980900 
                  </p>
                </div>              
              </div>
            <!-- 付款发货信息结束 -->
            <!-- 退换信息开始 -->
                <hr>
              <h3><i class="fa fa-cube"></i> <span>退换货处理</span></h3>
                <!-- 退换沟通开始 -->
              <div class="form-row control-group row-fluid">
                <div class="controls span1">
                    <img src="img/sample_avatar_big.jpg" class="img-thumbnail">
                </div>
                <div class="controls span10">
                  <blockquote>
                    <p>我要：退<span class="mg5"><i class="fa fa-tag"></i> 白色全棉长袖衬衫 <i class="fa fa-cny"></i>2800</span>
                    换<span class="mg5"><i class="fa fa-tag"></i> 藏青牛仔裤</span>
                    </p>
                    <p>备注：<span class="mg5"><i class="fa fa-edit"></i> 裤脚改小点</span>
                    </p>
                    <p><small>来件快递：<i class="fa fa-truck"></i> 顺丰速运 12345678980900 | <!--如果有退货且有差价-->我的帐号 <i class="icon-alipay"></i> 王智辉 yuqishange@126.com</small></p>
                    <footer>2014-12-12 12:20</footer>
                  </blockquote>
                </div>
              </div>
              <div class="form-row control-group row-fluid">
                <div class="controls span1">
                    <img src="img/logo_avatar.gif" class="img-thumbnail">
                </div>
                <div class="controls span10">
                  <blockquote>
                    <p>
                        来件：快递补邮0 |  <span class="mg5"><i class="fa fa-truck"></i> 去件快递：顺丰速运 12345678980900
                    </p>
                    <p class="mg10"><small>当前您还可退款：<strong class="color_orange fs_24">1220</strong></small></p>
                    <footer>2014-12-12 12:20</footer>
                  </blockquote>
                </div>
              </div>
                <hr class="border_das">
              <div class="form-row control-group row-fluid">
                <div class="controls span1">
                    <img src="img/sample_avatar_big.jpg" class="img-thumbnail">
                </div>
                <div class="controls span10">
                  <blockquote>
                    <p>我要：换<span class="mg5"><i class="fa fa-tag"></i> 藏青牛仔裤</span>
                    </p>
                    <p>备注：<span class="mg5"><i class="fa fa-edit"></i> 裤脚改小点</span>
                    </p>
                    <p><small>来件快递：<i class="fa fa-truck"></i> 顺丰速运 12345678980900</small></p>
                    <footer>2014-12-12 12:20</footer>
                  </blockquote>
                </div>
              </div>
              <div class="form-row control-group row-fluid">
                <div class="controls span1">
                    <img src="img/logo_avatar.gif" class="img-thumbnail">
                </div>
                <div class="controls span10">
                  <blockquote>
                    <p>
                        来件：快递补邮10 |  <span class="mg5"><i class="fa fa-truck"></i> 去件快递：顺丰速运 12345678980900
                    </p>
                    <p class="mg10"><small>当前您还可退款：<strong class="color_orange fs_24">1210</strong></small></p>
                    <footer>2014-12-12 12:20</footer>
                  </blockquote>
                </div>
              </div>
                <!-- 退换沟通结束 -->





            <div class="form-actions row-fluid">
                <div class="span10 offset3">
                  <span class="fs_60 mg10"><i class="fa fa-gavel"></i> 完结订单</span>
                </div>
              </div>
  

            </div> <!-- End .content -->
          </div><!-- End .span9 -->
        </div><!-- End .row-fluid -->
    </div>
    <!-- 内容区域结束 -->

  </div>
  <!-- 主体结束 -->
  <!-- 底部开始 -->
  <div id="footer">
    <p>
      Powered by 欧托邦
    </p>
    <span class="company_logo"><a href="http://www.o2bang.com"></a></span>
  </div>
  <!-- 底部结束 -->
</div>
<!-- /container -->


<div id="confirm_alert" class="modal fade bs-example-modal-sm" tabindex="-1" role="dialog" aria-labelledby="mySmallModalLabel" aria-hidden="true">
  <div class="modal-dialog modal-sm">
    <div class="modal-content">
      <div class="modal-header">
              <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
        <h3 class="modal-title" id="myModalLabel">确定本次操作吗？</h3>
      </div>
      <div class="modal-body">
        <i class=" icon-warning-sign color_red pull-left fs_24"></i> 
        
        <p>一旦【确定】，本次操作不可撤销。</p>
        
      </div>
      <div class="modal-footer">
        <button type="button" class="btn btn-default" data-dismiss="modal">取消</button>
        <button type="button" class="btn btn-primary">确定</button>
      </div>
    </div>
  </div>
</div>
<!-- Le javascript
    ================================================== -->
<!-- Placed at the end of the document so the pages load faster -->
<script src="js/jquery.js"></script>
<script language="javascript" type="text/javascript" src="js/plugins/jquery.sparkline.min.js"></script>
<script src="js/plugins/excanvas.compiled.js"></script>
<script src="js/bootstrap-transition.js"></script>
<script src="js/bootstrap-alert.js"></script>
<script src="js/bootstrap-modal.js"></script>
<script src="js/bootstrap-dropdown.js"></script>
<script src="js/bootstrap-scrollspy.js"></script>
<script src="js/bootstrap-tab.js"></script>
<script src="js/bootstrap-tooltip.js"></script>
<script src="js/bootstrap-popover.js"></script>
<script src="js/bootstrap-button.js"></script>
<script src="js/bootstrap-collapse.js"></script>
<script src="js/bootstrap-carousel.js"></script>
<script src="js/bootstrap-typeahead.js"></script>
<script src="js/fileinput.jquery.js"></script>
<script src="js/jquery-ui-1.8.23.custom.min.js"></script>
<script src="js/jquery.touchdown.js"></script>
<script language="javascript" type="text/javascript" src="js/plugins/full-calendar/fullcalendar.min.js"></script>
<script language="javascript" type="text/javascript" src="js/plugins/jquery.peity.min.js"></script>
<script type="text/javascript" language="javascript" src="js/plugins/datatables/js/jquery.dataTables.js"></script>
<script language="javascript" type="text/javascript" src="js/plugins/chosen/chosen/chosen.jquery.min.js"></script>
<script language="javascript" type="text/javascript" src="js/plugins/flot/jquery.flot.js"></script>
<script language="javascript" type="text/javascript" src="js/plugins/jquery.uniform.min.js"></script>
<script src="js/plugins/justGage.1.0.1/resources/js/raphael.2.1.0.min.js"></script>
<script src="js/plugins/justGage.1.0.1/resources/js/justgage.1.0.1.min.js"></script>
<script src="js/scripts.js"></script>


<script type='text/javascript'>
    $(window).load(function() {
     $('#loading').fadeOut();
    });
      $(document).ready(function() {
      $('body').css('display', 'none');
      $('body').fadeIn(500);
       $("select, input:checkbox, input:radio, input:file").uniform();
      $("#logo a, #sidebar_menu a:not(.accordion-toggle), a.ajx").click(function() {
      event.preventDefault();
      newLocation = this.href;
      $('body').fadeOut(500, newpage);
      });
      function newpage() {
      window.location = newLocation;
      }
      // Chosen select plugin
        $(".chzn-select").chosen({
          disable_search_threshold: 10
        });
     });
    </script>
</body>
</html>